var attendance=[]
var tbodys=document.querySelector("tbody")
var pageSize = 6; //每页显示的记录条数
var page = 1; //当前页，默认第一页

for(var i=0;i<attendance.length;i++){
    var newtr=document.createElement("tr")
    newtr.innerHTML= `
         <td>${attendance[i].name}</td>
                        <td>${attendance[i].leave}</td>
                        <td>${attendance[i].logotype}</td>
                        <td>${attendance[i].businesstrip}</td>
                        <td>${attendance[i].job}</td>
                        <td>${attendance[i].should}</td>
                        <td>${attendance[i].actula}</td>
    `
    tbodys.appendChild(newtr)
}

function count(){
    var count="1"
    let list={
        pageindex:page,
        pagenum:pageSize,
    }
    ajaxHttp("post","count/recordList",list).then((res)=>{
        res=JSON.parse(res)
        // console.log(res);
        var data=res.dataset
        attendance=data
        for(var i=0;i<attendance.length;i++){
            var newtr=document.createElement("tr")
            newtr.innerHTML= `
                 <td>${attendance[i].userName}</td>
                                <td>${attendance[i].vacationDay}</td>
                                <td>${attendance[i].userRole}</td>
                                <td>${attendance[i].businessDay}</td>
                                <td>${attendance[i].workDay}</td>
                                <td>${attendance[i].shouldDay}</td>
                                <td>${attendance[i].realDay}</td>
            `
            tbodys.appendChild(newtr)
        }
    })
}
count()



// 分页
var theUL = document.getElementById("pageListTableBody");
var totalPage = document.getElementById("spanTotalPage");
var pageNum = document.getElementById("spanPageNum"); //获取当前页<span>
var spanPre = document.getElementById("spanPre"); //获取上一页<span>
var spanNext = document.getElementById("spanNext"); //获取下一页<span>
var spanFirst = document.getElementById("spanFirst"); //获取第一页<span>
var spanLast = document.getElementById("spanLast"); //获取最后一页<span>
var numberRowsInTable = theUL.getElementsByTagName("tr").length; //记录总条数

//下一页
function next(){
    hideTable();
    currentRow = pageSize * page;
    maxRow = currentRow + pageSize;
    if ( maxRow > numberRowsInTable ) maxRow = numberRowsInTable;
    for ( var i = currentRow; i< maxRow; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = '';
    }
    page++;
    if ( maxRow == numberRowsInTable ) {
        nextText();
        lastText();
    }
    showPage();
    preLink();
    firstLink();
}

//上一页
function pre(){
    hideTable();
    page--;
    currentRow = pageSize * page;
    maxRow = currentRow - pageSize;
    if ( currentRow > numberRowsInTable ) currentRow = numberRowsInTable;
    for ( var i = maxRow; i< currentRow; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = '';
    }
    if ( maxRow == 0 ){
        preText();
        firstText();
    }
    showPage();
    nextLink();
    lastLink();
}

//第一页
function first(){
    hideTable();
    page = 1;
    for ( var i = 0; i<pageSize; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = '';
    }
    showPage();
    firstText();
    preText();
    nextLink();
    lastLink();
}

//最后一页
function last(){
    hideTable();
    page = pageCount();
    currentRow = pageSize * (page - 1);
    for ( var i = currentRow; i<numberRowsInTable; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = '';
    }
    showPage();
    preLink();
    nextText();
    firstLink();
    lastText();
}

function hideTable(){
    for ( var i = 0; i<numberRowsInTable; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = 'none';
    }
}

function showPage(){
    pageNum.innerHTML = page;
}

//总共页数
function pageCount(){
    return Math.ceil(numberRowsInTable/pageSize);
}
//显示链接
function preLink(){
    spanPre.innerHTML = "<a href='javascript:pre();'>上一页</a>";
}
function preText(){
    spanPre.innerHTML = "上一页";
}
function nextLink(){
    spanNext.innerHTML = "<a href='javascript:next();'>下一页</a>";
}
function nextText(){
    spanNext.innerHTML = "下一页";
}
function firstLink(){
    spanFirst.innerHTML = "<a href='javascript:first();'>首页</a>";
}
function firstText(){
    spanFirst.innerHTML = "首页";
}
function lastLink(){
    spanLast.innerHTML = "<a href='javascript:last();'>末页</a>";
}
function lastText(){
    spanLast.innerHTML = "末页";
}
//隐藏
function hide(){
    for ( var i = pageSize; i<numberRowsInTable; i++ ){
        theUL.getElementsByTagName("tr")[i].style.display = 'none';
    }
    totalPage.innerHTML = pageCount();
    pageNum.innerHTML = '1';
    nextLink();
    lastLink();
}
hide();